<template>
  <web-view class="web-view" :webview-styles="webviewStyles" :src="url"
            :style="{width: windowW + 'px', height: windowH + 'px'}"></web-view>
</template>

<script>

import {
  mapGetters
} from "vuex";

export default {
  data() {
    return {
      windowH: 0,
      windowW: 0,
      webviewStyles: {
        progress: {
          color: 'transparent'
        }
      },
      url: ''
    }
  },
  onLoad(option) {
    if (option.webUel) this.url = decodeURIComponent(option.webUel);
    // 蚂蚁智能客服场景参数
    if (option.scene) this.url += `&scene=${option.scene}`;
    uni.setNavigationBarTitle({
      title: option.title
    })
    try {
      const res = uni.getSystemInfoSync();
      this.windowW = res.windowWidth;
      this.windowH = res.windowHeight;
    } catch (e) {
      // error
    }
  }
}
</script>
